<%@page language="java" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<%@include file="../common.jsp"%>
		<title>节日图片管理</title>
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<link rel="stylesheet" type="text/css" href="resources/css/common.css">
		<script type="text/javascript" src="resources/js/framejs/jquery.form.js"></script>
		<script type="text/javascript" src="resources/js/festival.js"></script>
		<script type="text/javascript" src="resources/My97DatePicker/WdatePicker.js"></script>
	    <style>
			#tab_list td{line-height:30px;}
		</style>
</head>
<body>
	<div class="content">
		<h4> 节日图片管理</h4>
		<hr />
		<!-- 工具栏 -->
		<div class="tools">
			<button id="btn_add" type="button" class="btn btn-primary" data-toggle="modal" data-target="#modal_add"><i class="icon icon-plus"></i> 新增</button>
			<button id="btn_edit" type="button" class="btn btn-warning"><i class="icon icon-edit"></i> 修改</button>
			<button id="btn_del" type="button" class="btn btn-danger"><i class="icon icon-minus"></i> 删除</button>
		</div>
		<!-- 列表 -->
		<table id="tab_list" class="table table-hover table-striped mytable">
			<thead>
				<tr>
					<th><input id="pkall" type='checkbox'class='checkbox'></th>
					<th>序号</th>
					<th>图片名称</th>
					<th>图片</th>
					<th>开始时间</th>
					<th>结束时间</th>
				</tr>
			</thead>
			<tbody>

			</tbody>
		</table>
		<!-- 分页信息条 -->
		<div id="pagebar" class="pagebar">
			<ul class="pager">

			</ul>
			<p id="page_info" class="page_info">
				显示第<span>0</span>到第<span>0</span>条记录,共<span>0</span>条
			</p>
		</div>
	</div>

	<!-- 增加 -->
	<div class="modal fade bs-example-modal-lg" id="modal_add" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span><span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">新增节日图片</h4>
				</div>
				<div class="modal-body">
					<form id="form_add" class="form-horizontal" role="form">
						<div class="form-group">
							<label class="col-sm-2 control-label required">图片名称</label>
							<div class="col-sm-7">
								<input type="text" name="festivalName" class="form-control"
									placeholder="图片名称" data-toggle="tooltip" data-placement="top"
									title="请输入图片名称" >
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label required">时间</label>
							<div class="col-sm-10">								
								<input type="text" class="Wdate" id="startDate" name = "startDate" placeholder="起始时间" data-toggle="tooltip" data-placement="top"title="请选择起始时间" style="width:245px;height:25px;text-align:center;"/>--<input type="text" class="Wdate"  id="endDate" name = "endDate" placeholder="结束时间" data-toggle="tooltip" data-placement="top"title="请选择结束时间"style="width:245px;height:25px;text-align:center;"/>
							</div>														
						</div>
					</form>
					<form id="form_add2" class="form-horizontal" action="common/upload"
						method="post" enctype="multipart/form-data">
						<div class="form-group">
							<label class="col-sm-2 control-label required">节日图片</label>
							<div class="col-sm-10">
								<input type="file" name="file" placeholder="请选择图片..."
									data-toggle="tooltip" data-placement="top" title="请上传图片文件">
							</div>
						</div>
						<div class="form-group" style="display:none;">
							<div class="col-sm-2"></div>
							<div class="col-sm-10">
								<a href="" target="_blank"> <img id="logo_scan" alt=""
									src="" style="height: 150px;"> </a>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button id="btn_confirm_add" type="button" class="btn btn-primary">确定</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>
	<!-- 修改 -->
	<div class="modal fade bs-example-modal-lg" id="modal_edit"
		tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
		aria-hidden="true">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">修改节日图片</h4>
				</div>
				<div class="modal-body">
					<form id="form_edit" class="form-horizontal" role="form"
						action="festival/modify" method="post">
						<input type="hidden" id="edit_id" name="id">
						<div class="form-group">
							<label class="col-sm-2 control-label">图片名称*</label>
							<div class="col-sm-7">
									<input type="text" name="festivalName_edit" class="form-control"  id="festivalName_edit"
									placeholder="图片名称" data-toggle="tooltip" data-placement="top"
									title="请输入图片名称">
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label required">时间</label>
							<div class="col-sm-10">
								<input type="text" class="Wdate" id="startDate_edit" name = "startDate_edit" placeholder="起始时间" data-toggle="tooltip" data-placement="top"title="请选择起始时间" style="width:245px;height:25px;text-align:center;"/>--<input type="text" class="Wdate"  id="endDate_edit" name = "endDate_edit" placeholder="结束时间" data-toggle="tooltip" data-placement="top"title="请选择结束时间"style="width:245px;height:25px;text-align:center;"/>			
							</div>														
							</div>
					</form>
					<form id="form_edit2" class="form-horizontal"
						action="common/upload" method="post" enctype="multipart/form-data">
						<div class="form-group">
							<label class="col-sm-2 control-label required">节日图片</label>
							<div class="col-sm-10">
								<input type="file" name="file" placeholder="请选择图片..."
									data-toggle="tooltip" data-placement="top" title="请上传图片文件">
							</div>
						</div>
						<div class="form-group" style="display:none;">
							<div class="col-sm-2"></div>
							<div class="col-sm-10">
								<a href="" target="_blank"> <img id="logo_scan2" alt=""
									src="" style="height: 150px;"> </a>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button id="btn_confirm_edit" type="button" class="btn btn-primary">确定</button>
					<button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
				</div>
			</div>
		</div>
	</div>

	<!-- 预览广告详情  -->
	<div class="modal fade bs-example-modal-lg" id="modal_scan"
		tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
		<div class="modal-dialog modal-lg">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" onclick="closeForm($('#asd_id').val())">
						<span aria-hidden="true">&times;</span> <span class="sr-only" >Close</span>
					</button>
					<h4 class="modal-title">预览节日图片详情</h4>
				</div>
				<div class="modal-body">
					<form class="form-horizontal" role="form">
					<input type="hidden" name="asd_id" id="asd_id">
						<div class="form-group">
							<label class="col-sm-2 control-label">图片名称</label>
							<div class="col-sm-7">
								<input type="text" name="festival_name" class="form-control"
									id="festival_name" required="required" disabled="disabled">
							</div>
						</div>
						<div class="form-group">
							
							<label class="col-sm-2 control-label">时间</label>
							<div class="col-sm-10">
  								<input type="text" class="Wdate" id="start_date" style="width:245px;height:25px;text-align:center;" disabled="disabled"/>--<input type="text" class="Wdate"  id="end_date" style="width:245px;height:25px;text-align:center;" disabled="disabled"/>						
							</div>
						</div>
						<div class="form-group">
							<label class="col-sm-2 control-label">节日图片</label>
							<div class="col-sm-10">
								<a href="" target="_blank"> <img id="festival_scan"
									title="点击查看原图" alt="" src="" style="height: 150px;"> </a>
							</div>
						</div>
					</form>
				</div>
				<div class="modal-footer">
					<button type="button" class="btn btn-primary" data-dismiss="modal" onclick="closeForm($('#asd_id').val())">确定</button>
					<button type="button" class="btn btn-default" data-dismiss="modal" onclick="closeForm($('#asd_id').val())">取消</button>
				</div>
			</div>
		</div>
	</div>
</body>
</html>